﻿@{
	Layout = null;
}

<link href="~/libs/layui-v2.9.21/layui/css/layui.css" rel="stylesheet" />

<form class="layui-form" action="" style="width:80%;margin:0 auto;" lay-filter="add">
	<input type="hidden" name="id" id="id" class="layui-input" />
	<div class="layui-form-item">
		<label class="layui-form-label">单位编码</label>
		<div class="layui-input-block">
			<input type="text" name="UnitMeasureCode" id="unitMeasureCode" lay-verify="required" placeholder="请输入单位编码" autocomplete="off" class="layui-input">
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label">单位名称</label>
		<div class="layui-input-block">
			<input type="text" name="UnitMeasureName" id="unitMeasureName" lay-verify="required" placeholder="请输入单位名称" autocomplete="off" class="layui-input">
		</div>
	</div>

	<div class="layui-form-item">
		<label class="layui-form-label">是否主单位</label>
		<div class="layui-input-block">
			<input type="radio" name="IsPrimaryUnit" id="isPrimaryUnit" value="true" title="是">
			<input type="radio" name="IsPrimaryUnit" id="isPrimaryUnit" value="false" title="否">
		</div>
	</div>
	<div class="layui-form-item">
		<label class="layui-form-label">单位换算比例</label>
		<div class="layui-input-block">
			<input type="text" name="ConversionScale" id="conversionScale" lay-verify="required" placeholder="请输入换算比例" autocomplete="off" class="layui-input">
		</div>
	</div>

	<div class="layui-form-item">
		<label class="layui-form-label">是否启用</label>
		<div class="layui-input-block">
			<input type="radio" name="state" id="state" value="1" title="是">
			<input type="radio" name="state" id="state" value="0" title="否">
		</div>
	</div>

	<div class="layui-form-item">
		<div class="layui-input-block">
			<button type="submit" class="layui-btn" lay-submit lay-filter="add">立即提交</button>
			<button type="reset" class="layui-btn layui-btn-primary">重置</button>
			<button type="button" class="layui-btn layui-btn-primary" onclick="closeWorkstation()">返回</button>
		</div>
	</div>
</form>

<script src="~/libs/jquery/jquery.js"></script>
<script src="~/libs/layui-v2.5.6/layui/layui.js"></script>

<script>

	//关闭弹框
	function closeWorkstation() {
		var index = parent.layer.getFrameIndex(window.name); //先得到当前的索引
		parent.layer.close(index); //再执行关闭
	}

	// 获取地址栏中的参数值
	function getUrlParam(name) {
		// 使用正则表达式来获取参数值
		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
		var r = window.location.search.substr(1).match(reg);
		if (r != null) return decodeURIComponent(r[2]); // 解码参数值
		return null;
	}

	layui.use(['form', 'laydate', 'util'], function () {
		var form = layui.form;
		var layer = layui.layer;
		var laydate = layui.laydate;
		var util = layui.util;

		form.on('submit(add)', function (data) {
			var field = data.field; // 获取表单字段值
			$.ajax({
				url: '/UnitMeasure/UpdateUnitMeasureInfo', // 替换成你的后端API添加接口URL
				type: 'POST', // 使用POST方法提交数据
				data: field, // 发送表单字段数据
				dataType: 'json', // 期望从服务器返回的数据类型
				success: function (res) {
					// 添加成功后的处理
					if (res == -1) { // 假设后端返回的成功状态码为0
						layer.alert('修改失败：编号重复');
					} else {
						layer.alert('修改成功', { title: '操作结果' }, function () {
								var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
								window.parent.location.reload(); // 刷新父页
								parent.layer.close(index); //再执行关闭
								setTimeout(function () { parent.layer.close(index) }, 330);//延迟s
						});
					}
				},
				error: function (err) {
					// 处理修改失败的情况
					layer.alert('修改失败：网络异常，请稍后重试', { title: '操作结果' });
					console.error('修改失败', err);
				}
			});
			return false; // 阻止默认 form 提交
		});

		// 页面加载时获取主单位列表
		getlist();

		function getlist() {
			// 页面加载时获取地址栏中的 id 参数
			var id = getUrlParam('id');
			console.log(id);
			//根据ID值获取数据
			$.ajax({
				url: '/UnitMeasure/GetUnitMeasureById', // 替换成实际的后端接口地址
				type: 'GET', // 或者 'POST'，根据实际情况选择请求类型
				data: { id: id }, // 发送表单字段数据
				dataType: 'json', // 期望从服务器返回的数据类型
				success: function (res) {
					// 成功获取数据后执行的回调函数
					console.log(res);
					// 填充表单数据
					$("#id").val(res.id);
					$("#unitMeasureCode").val(res.unitMeasureCode);
					$("#unitMeasureName").val(res.unitMeasureName);
					$("[name='isPrimaryUnit'][value="+res.isPrimaryUnit+"]").prop("checked",true);
					// $("[name='state'][value="+res.state+"]").prop("checked",true);
					$("#conversionScale").val(res.conversionScale);
					$("[name='state'][value=" + res.state + "]").prop("checked", true);
					layui.form.render("radio");
					// layui.form.render();
					// // 重新渲染 layui 组件
					// layui.form.render('radio'); // 渲染 select 类型的表单元素
				},
				error: function (err) {
					// 处理请求错误的情况
					console.error('获取数据失败: ', err);
					layer.msg('获取数据失败，请稍后重试');
				}
			});
		}
	});
</script>


